﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>StreamInsight Real Time Dashboard</title>
    <!--<link rel="Stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/themes/redmond/jquery-ui.css" />-->  
    <link href="css/jquery.mCustomScrollbar.css" rel="stylesheet" />
    <link href="css/default.css" rel="stylesheet" />
</head>
<body>
     
    <div id="page-container"> 
        <div id="header">
            <h1>StreamInsight Real Time Dashboard</h1>
            <div id="header-menu">
                <p class="functions">
                    <a id="maximize-details-window" href="#">&nbsp;&nbsp;Maximize Tweet Window</a> 
                    <a id="reset-details-window" href="#" class="hidden">&nbsp;&nbsp;Minimize Tweet Windows</a> 
               </p>
            </div>        
        </div> 

        <div id="tweet-details">
            <div class="live-tweets">
                <div class="tweet-container">
                </div>
            </div>
        </div> 

        <div id="tweet-summary">       
            <div id="chart-container"></div>
        </div> 
        <div id="tweet-topics">
            <div id="topic1" class="topic">
                <table class="topic-container">
                <tr><td valign="top"><div class="topic-name"></div></td></tr>
                <tr><td><div class="topic-sentiment"></div></td></tr>
                <tr><td valign="bottom"><div class="topic-tweet-count"></div></td></tr>
                </table>
            </div>
            <div id="topic2" class="topic">
                <table class="topic-container">
                <tr><td valign="top"><div class="topic-name"></div></td></tr>
                <tr><td><div class="topic-sentiment"></div></td></tr>
                <tr><td valign="bottom"><div class="topic-tweet-count"></div></td></tr>
                </table>
            </div>
            <div id="topic3" class="topic">
                <table class="topic-container">
                <tr><td valign="top"><div class="topic-name"></div></td></tr>
                <tr><td><div class="topic-sentiment"></div></td></tr>
                <tr><td valign="bottom"><div class="topic-tweet-count"></div></td></tr>
                </table>
            </div>
            <div id="topic4" class="topic">
                <table class="topic-container">
                <tr><td valign="top"><div class="topic-name"></div></td></tr>
                <tr><td><div class="topic-sentiment"></div></td></tr>
                <tr><td valign="bottom"><div class="topic-tweet-count"></div></td></tr>
                </table>
            </div>
            <div id="topic5" class="topic">
                <table class="topic-container">
                <tr><td valign="top"><div class="topic-name"></div></td></tr>
                <tr><td><div class="topic-sentiment"></div></td></tr>
                <tr><td valign="bottom"><div class="topic-tweet-count"></div></td></tr>
                </table>
            </div>
        </div>
        <div id="footer">
            Demo created by Singapore MTC in collaboration with <a href="http://www.microsoft.com/microsoftservices/en/us/home.aspx">Microsoft Services</a> 
        </div> 
    </div> 

    <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
    <script>!window.jQuery && document.write(unescape('%3Cscript src="js/jquery-1.8.2.min.js"%3E%3C/script%3E'))</script>

    <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.23/jquery-ui.min.js" type="text/javascript"></script>
    <script>!window.jQuery.ui && document.write(unescape('%3Cscript src="js/jquery-ui-1.8.24.custom.min.js"%3E%3C/script%3E'))</script>

<!--    <script src="js/jquery-1.8.2.min.js"></script>
    <script src="js/jquery-ui-1.8.23.min.js"></script>-->
    <script src="js/jquery.mousewheel.min.js"></script>
    <script src="js/jquery.mCustomScrollbar.min.js"></script>
    <script src="js/highcharts.js"></script>
    <script src="js/default.js"></script>



</body>
</html>
